@charset "UTF-8";
*{margin: 0;padding: 0;}
html, body {padding: 0;margin: 0;height: 100%; width: 100%; height: 100%; font-size: 62.5%; font-family: "Microsoft Yahei",Helvetica, sans-serif;}
a{text-decoration: none;color:#3D3A46;}
a:active{color:#3D3A46;}
ul{list-style: none;}
img{border: none;}

.w10{width: 1000px;margin: 0 auto;}
.pad5{padding-left: 1.5rem;padding-right: 1.5rem;}
.pad15{padding-left: 1.5rem;padding-right: 1.5rem;}
.mag5{margin-left: .5rem;margin-right: .5rem;}
.mag15{margin-left: 1.5rem;margin-right: 1.5rem;}
@height:1rem,1.5rem;
.clear{clear:both;}
.zom{overflow: hidden;*zoom:1;}

.font_height(@heighta){
    height: @heighta;
    line-height: @heighta;
}
.height_c1{
	height: @height;
}
.height_t1{
	height:extract(@height,1) ;
	line-height: extract(@height,1) ;
}
.height_t2{
	height:extract(@height,2) ;
	line-height: extract(@height,2) ;
}
.clear{clear: both;}
.fh_c(@height){
    height: @height;
    line-height: @height;
}
.zom{
    overflow: hidden;
    *zoom:1;
}

.line1(@width,@height,@paddingleft:0){
    width: @width+-@paddingleft;
    height: @height;
    padding-left: @paddingleft;
    overflow: hidden;
}
.flc(@font-size: 16px,@line-height: 28px,@color: #FFF,@text-align: center){
    font-size: @font-size;
    line-height: @line-height;
    color: @color;
    text-align: @text-align;
    a{color: @color};
}
.wah(@width,@height,@float:none ){
    width: @width;
    height: @height;
    float: @float;
    overflow: hidden;
}
.iat(@width,@height,@line-height: 36px){
    width: @width;
    height: @height;
    .pic{
        position: relative;
        text-align:center; 
        height: @height;
        width: @width;
        img{
            width: @width;
            height: @height;
        }
        .layer{
             background: #000; 
             opacity:0.5;
             -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
        }
        .tit,.layer{
            position: absolute;
            bottom: 0px;
            width: @width;
            height: @line-height;
            line-height: @line-height;         
        }
        .tit{
            background: none;
             text-align: center;
            overflow: hidden;
            a{color: #fff; }
        } 
    }
}

.bod_r(@radius){
	 -moz-border-radius:@radius @radius @radius @radius ;
    -webkit-border-radius:@radius @radius @radius @radius ;
    border-radius:@radius @radius @radius @radius ;
}
.bod_t{
 -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    border: 1px solid rgba(256,256,256,0.3);
}

.bod_b{
   -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    border-bottom: 1px solid rgba(256,256,256,0.3);
}
.bod_f{
 -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    border: 1px solid rgba(256,256,256,0.3);
}
.bod_r(@radius){
     -moz-border-radius:@radius @radius @radius @radius ;
    -webkit-border-radius:@radius @radius @radius @radius ;
    border-radius:@radius @radius @radius @radius ;
}
.bod_n{
    border: none;
}

.tit_c{
    width: 100%;
    height: 50px;
    background: url("../img/titbg.jpg") left center no-repeat;
    .font_height(60px);
    margin-bottom: 20px;
    span{
        margin-left: 40px;
        color: #fff;
        font-size: 28px;
        float: left;
    }
    .en{
        color: #333333;
    }
    .more{
        font-size: 22px;
        float: right;
        padding-right: 20px;
        a{color: #DDDDDD;}
    }
}
.li_c{
    li{
        font-size: 14px;
        a{color: #333333;display: block;}
        a:hover{
            color: #FFF;
            background: #4F94E7;
        }
        .font_height(40px);
    }

}